<template>
  <div id="tenant-app">
    <router-view />
  </div>
</template>

<script lang="ts" setup>
defineOptions({
  name: 'TenantApp',
});
</script>

<style scoped>
/* 默认独立运行模式：全屏布局 */
#tenant-app {
  width: 100%;
  height: 100vh;
  position: relative;
  box-sizing: border-box;
}

/* 微前端模式：在容器中正常显示 */
:global(.micro-frontend) #tenant-app {
  height: auto;
  min-height: fit-content;
  /* 确保微前端模式下可以正常滚动 */
}
</style>

